<?php if (!defined('THINK_PATH')) exit(); /*a:1:{s:76:"D:\xampp\htdocs\lvyou\public/../application/index\view\trip\trip_detail.html";i:1529424197;}*/ ?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>产品详情</title>
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="__CSS__/chanpin_detail.css"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/swiper-3.4.2.min.css"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/mui.min.css"/>
    <script src="__JS__/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="__JS__/swiper-3.4.2.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="__JS__/chanpin_detail.js" type="text/javascript" charset="utf-8"></script>
    <script src="__JS__/mui.min.js" type="text/javascript" charset="utf-8"></script>

</head>
<script>
    (function(doc, win) {
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function() {
                var clientWidth = docEl.clientWidth;
                if(!clientWidth) return;
                docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
            };
        if(!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
</script>
<body>
<div class="container">
    <div class="zhezhao"></div>
    <header>
        <a href="javascript:history.go(-1);"> <i></i></a>
        <span>详情页</span>
    </header>

    <!--轮播图-->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img class="bj1" src="/uploads/images/<?php echo $tripDetailInfo['photo']; ?>"/></div>
            <div class="swiper-slide"><img class="bj1" src="__IMG__/icon17.png"/></div>
            <div class="swiper-slide"><img class="bj1" src="__IMG__/icon17.png"/></div>
        </div>
    </div>
    <!--介绍-->
    <div class="tab">
        <p class="name"><?php echo $tripDetailInfo['title']; ?></p>
        <p class="p1"><span class="price">￥<?php echo $tripDetailInfo['trip_price']; ?>起</span>月销:<span class="sales"><?php echo $tripDetailInfo['sales_num']; ?></span>份</p>
    </div>
    <!--预定日期-->
    <div class="tab1">
        <a href="javascript:;"  onclick="trip_price(<?php echo $tripDetailInfo['id']; ?>);">
            <span class="rili"></span>
            <span style="margin-left: 0.7rem;letter-spacing: 2px">可订日期与价格</span>
            <span style="margin-left: 0.36rem;color: #666;">需提前1天23：00前预订</span>
        </a>

    </div>
    <!--选项卡-->
    <ul class="list">
        <li style="color: #009cff;border-bottom: 0.05rem solid #009cff;">行程介绍</li>
        <li>图文详情</li>
        <li>购买须知</li>
    </ul>
    <div class="main">
        <div class="page1">
            <div class="pg1"><?php echo $tripDetailInfo['trip_introduct']; ?></div>
            <p class="pp"><i class="tu"></i>图文详情</p>
            <div class="pg2"><?php echo $tripDetailInfo['content']; ?></div>
            <p class="pp"><i class="mon"></i>费用说明</p>
            <div class="pg3"><?php echo $tripDetailInfo['price_introduct']; ?></div>
            <!--点评-->
            <p class="dianping"><i class="dp"></i><span class="score">点评4.7分</span> <span class="num">1277</span>条<i class="i1"></i></p>
            <!--描述-->
            <ul class="decoration">
                <li>描述相符 4.7分</li>
                <li>行程安排 4.7分</li>
                <li>导游服务 4.7分</li>
            </ul>
            <!--评论列表-->
            <ul class="evalute">
                <li>
                    <p class="pT">
                        <span class="name1">用户名M12345*****</span>
                        <span class="time">2018-04-27</span>
                    </p>
                    <p class="content">不错的一次迪士不错的一次迪士尼之行不错的不错的一次迪士尼之行不错的一次迪士尼之行不错的一次迪士不错的一次迪士尼之行不错的不错的一次迪士尼之行不错的一次迪士尼之行不错的一次迪士尼之行一次迪士尼之行不错的一次迪士尼之行尼之行不错的一次迪士尼之行一次迪士尼之行不错的一次迪士尼之行尼之行。下次还来找她不错的一次迪士尼之行。下次还来找她。</p>
                </li>
            </ul>

        </div>
        <div class="page2"><?php echo $tripDetailInfo['content']; ?></div>
        <div class="page3"><?php echo $tripDetailInfo['price_introduct']; ?></div>
        <div class="bottom">
            <p class="phone"><i></i>电话咨询</p>
            <a href="javascript:;"  onclick="trip_price(<?php echo $tripDetailInfo['id']; ?>);"> <p class="yuding"><i></i>开始预订</p></a>
        </div>
        <div class="tip">
            <div class="tip_top">
                <p>联系客服</p>
                <p><i class="telplone"></i>境内客服<span class="haoma">123456</span></p>
            </div>
            <p class="close">取消</p>
        </div>

    </div>
</div>
</body>
<script>
    var swiper = new Swiper('.swiper-container', {
        direction: 'horizontal',
        loop: true,
        observer:true,
        observeParents:true,
        autoplayDisableOnInteraction : false,
        autoplay:1000
    });
    //$('body').outerHeight()
    $('.close').click(function () {
        $('.tip').css('display','none')
        $('.zhezhao').css('display','none')
        $('.zhezhao').removeClass('hide')
    })
    $('.phone').click(function () {
        $('.tip').css('display','block')
        $('.zhezhao').addClass('hide')
        $('.zhezhao').css({'display':'block','height':$(document).height()})

    })

</script>
<script>
    //拨打电话
//    mui.plusReady(function () {
//        alert(1)
        mui('.tip_top').on('tap', '.telplone', function() {
            var tele = $('.haoma').text()
            var btnArray = ['确定', '取消'];
            mui.confirm('您确定要拨打电话吗？', '提示', btnArray, function(e) {
                if(e.index == 0) {
                    plus.device.dial(tele, false);
                } else {
                    return false;
                }
            });
        })
//    })
    function trip_price(id){
        location.href = 'http://www.lvyou.com/index/trip/trip_price/id/'+id+'.html';
    }
</script>